<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>

<!--<div id="diva">aaaaa</div>-->


<script>

    // $('div');

    // var elementById = document.getElementById('diva');
    // $(elementById);

    // let $h1 = $("<h1>HELLO</h1>");
    // $('body').prepend($h1);


    // 标签体内容为空 而且没有属性
    // let $span = $("<span>");
    // let $span = $("<span></span>");

    // $('body').prepend($span);


    var colors = ['红色', '橙色', '黄色', '绿色', '青色'];

    let $ul = $("<ul>");

    $.each(colors, function (index, e) {
        // console.log(index + ":" + e);


        let $li = $("<li>").html(e);

        $ul.append($li);
        // console.log($li[0]);
        // console.log($li);
    })

    $('body').append($ul);


    var person = {
        name: "张三",
        age: 28,
        occupation: "前端开发"
    };


    $.each(person, function (key, value) {
        console.log(key + ":" + value);
    })



</script>

</body>
</html>